<html>
<head>  
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
  <title>Semicolon PHP course</title>  

  <link rel="stylesheet" href="style.css" type="text/css"  media="screen" />
  <script type='text/javascript' src='jquery.js' ></script>
  
	<script type='text/javascript'>	
		$(document).ready(function(){
			$("#my_link").click(function(){
				
				$(".myclass").html("hello dude");
				$(".myclass").fadeOut("slow");
				
				});
				
				$("#show_link").click(function(){				
						$(".myclass").fadeIn("slow");
				
				});
				
				
				
		});	
	</script>
	
	
	<style type="text/css">
	 .h4{
		color: #BADA55
	 }
	 .myclass{
	  width:200px;
	  height:150px;
	  background:#678;
	  padding:10px;
	 }
	</style>
  
</head>
<body>
		<a id="my_link" href="#" onclick="alert_hi();" ><h4>Hello world!</h4></a>
		<a id="show_link" href="#" onclick="alert_hi();" ><h4>Show!</h4></a>
		<div class="myclass">
		</a>
		
</body>
</html>
